<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>图片的插入</title>
    </head>
    <body>
        <!--相对路径： 从当前html文件出发去找资源
        1）图片与html文件在同一个文件夹下，直接写图片全名 1.jpg
        2）图片在下一级文件夹下，先写文件夹，在写图片全名 img/2.png
        3）图片在上一级文件夹下，先../返回到上一级，在写图片全名 ../3.png
        -->
        <img src="1.jpg" alt="" title="这是鼠标悬停时的提示语">
        <img src="img/2.png" alt="">
        <img src="../3.jpg" alt="哎呀，图片走丢了嘛！">
        <img src="https://cdn.tmooc.cn/bsfile//imgad///e97a2154c6034d6b972f08786864738e.png" alt="">
        <img src="4.png" height="800px" alt="">
    </body>
</html>